<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>维修详情</title>
    <!-- Fav  Icon Link -->
    <link rel="shortcut icon" type="image/png" th:href="@{/images/fav.png}">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <!-- themify icons CSS -->
    <link rel="stylesheet" th:href="@{/css/themify-icons.css}">
    <!-- Animations CSS -->
    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <!-- Main CSS -->
    <link rel="stylesheet" th:href="@{/css/styles.css}">
    <link rel="stylesheet" th:href="@{/css/red.css}" id="style_theme">
    <link rel="stylesheet" th:href="@{/css/responsive.css}">
    <link rel="stylesheet" th:href="@{/css/iconfont.css}">
    <!-- morris charts -->
    <link rel="stylesheet" th:href="@{/charts/css/morris.css}">
    <!-- jvectormap -->
    <link rel="stylesheet" th:href="@{/css/jquery-jvectormap.css}">
    <link rel="stylesheet" th:href="@{/datatable/dataTables.bootstrap4.min.css}">

    <script th:src="@{/js/modernizr.min.js}"></script>
</head>

<body>
<!-- Pre Loader -->
<div class="loading" style="display: none;">
    <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
</div>
<!--/Pre Loader -->
<!-- Color Changer -->
<div class="theme-settings" id="switcher">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
    <span class="theme-color theme-default theme-active" data-color="red"></span>
    <span class="theme-color theme-blue" data-color="blue"></span>
    <span class="theme-color theme-red" data-color="red"></span>
    <span class="theme-color theme-violet" data-color="violet"></span>
    <span class="theme-color theme-yellow" data-color="yellow"></span>
</div>
<!-- /Color Changer -->
<div class="wrapper">
    <!-- Page Content -->
    <div id="content">
        <!-- Top Navigation -->
        <div class="container top-brand">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <div class="sidebar-header"> <a href="/index"><img src="/images/logo-dark.png" class="logo" alt="logo"></a>
                    </div>
                </div>
                <ul class="nav justify-content-end">
                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false">
                            <span class="ti-announcement"></span>
                        </a>
                        <div class="dropdown-menu lochana-box-shadow2 notifications animated flipInY">
                            <h5>Notifications</h5>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-wheelchair"></span> New Patient Added</a>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-money"></span> Patient payment done</a>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-time"></span>Patient Appointment booked</a>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-wheelchair"></span> New Patient Added</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false">
                            <span class="ti-user"></span>
                        </a>
                        <div class="dropdown-menu lochana-box-shadow2 profile animated flipInY">
                            <h5>John Willing</h5>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-settings"></span> Settings</a>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-help-alt"></span> Help</a>
                            <a class="dropdown-item" href="/#">
                                <span class="ti-power-off"></span> Logout</a>
                        </div>
                    </li>
                </ul>

            </nav>
        </div>
        <!-- /Top Navigation -->
        <!-- Menu -->
        <div th:replace="common :: #adm-Menu"></div>
        <!-- /Menu -->

        <!-- Main Content -->
        <div class="container">

            <div class="row">
                <!-- Widget Item -->
                <div class="col-md-12">
                    <div class="widget-area-2 lochana-box-shadow">
                        <h3 class="widget-title">维修详情</h3>
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <tbody >
                                <tr>
                                    <td style="width:150px;"><strong>报修人</strong></td>
                                    <td th:text="${user.userName}"></td>
                                </tr>
                                <tr>
                                    <td><strong>维修人</strong></td>
                                    <td>[[${repairman.repairmanName}]]
                                        <a class="mya" data-toggle="modal" data-target=".lochana-modal-lg" style="margin-left:25px;color:#089AE3;">修改</a>
                                        <div class="modal fade lochana-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-dialog modal-lorvens">
                                                <div class="modal-content lochana-box-shadow2">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title">工表</h5>
                                                        <span class="ti-close" data-dismiss="modal" aria-label="Close">
													</span>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form>
                                                            <div class="form-group">
                                                                <table  class="table table-bordered table-striped">
                                                                    <tr>
                                                                        <th>维修工</th>
                                                                        <th>单数</th>
                                                                        <th>派工</th>
                                                                    </tr>
                                                                    <tr th:each="repairman:${repairmans}" >
                                                                        <td th:text="${repairman.repairmanName}"></td>
                                                                        <td th:text="${repairman.repairCount}"></td>
                                                                        <td ><a th:href="@{/adm/selectRepairman(repairmanId = ${repairman.userId},repairsId=${repair.repairsId})}">派工</a></td>
                                                                    </tr>
                                                                </table>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>维修地点 </strong></td>
                                    <td th:text="${repair.repairsPlace}"></td>
                                </tr>
                                <tr>
                                    <td><strong>联系电话</strong></td>
                                    <td th:text="${repair.repairsTelephone}"></td>
                                </tr>
                                <tr>
                                    <td><strong>报修分类</strong></td>
                                    <td th:text="${repair.repairKind}"></td>
                                </tr>

                                <tr>
                                    <td><strong>报修时间</strong></td>
                                    <td th:text="${repair.repairsTime}"></td>
                                </tr>
                                <tr>
                                    <td><strong>报修内容</strong></td>
                                    <td th:text="${repair.repairsDetail}"></td>
                                </tr>
                                <tr>
                                    <td><strong>报修图片</strong></td>
                                    <td><img th:src="${repair.repairsPhoto}" width="300px;" height="300px;"></td>
                                </tr>
                                <tr >
                                    <td><strong>评论</strong></td>
                                    <td >[[${evaluate.evaluateComment}]]<a th:href="@{/adm/deleteComment(repairsId = ${repair.repairsId})}" class="mya" style="margin-left: 25px;text-align: right;">删除</a></td>
                                    <!-- if(comment==null) <td>还未有评论...</td>-->
                                </tr>
                                <tr>
                                    <td><strong>回复</strong></td>
                                    <td>[[${evaluate.answer}]]
                                        <a th:href="@{/adm/deleteAnswer(repairsId = ${repair.repairsId})}" class="mya" style="margin-left: 25px;text-align: right;">删除</a>

                                    </td>
                                    <!-- if(comment==null) <td><a href="#" 回复></td>-->
                                </tr>
                                </tbody>
                            </table>
                            <button type="button" class="btn btn-danger mb-3"><span class="ti-trash"></span> 删除</button>
                        </div>

                    </div>
                </div>
                <!-- /Widget Item -->
            </div>
        </div>
        <!-- /Main Content -->

    </div>

</div>
<a id="back-to-top" th:href="@{/#}" class="back-to-top">
    <span class="ti-angle-up"></span>
</a>
<!-- /Back to Top -->
<!-- Jquery Library-->
<script th:src="@{/js/jquery-3.2.1.min.js}"></script>
<!-- Popper Library-->
<script th:src="@{/js/popper.min.js}"></script>
<!-- Bootstrap Library-->
<script th:src="@{/js/bootstrap.min.js}"></script>

<!-- Datatable  -->
<script th:src="@{/datatable/jquery.dataTables.min.js}"></script>
<script th:src="@{/datatable/dataTables.bootstrap4.min.js}"></script>

<!-- Custom Script-->
<script th:src="@{/js/custom.js}"></script>

</body>

</html>